<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
   
    <h:body>      
        <ui:composition template="./plantilla/plantilla.xhtml">
            <ui:define name="center">
                <div class="h_title">Lista de Salones</div>
                <h:form id="form">
                    <p:growl id="grwSalon" showDetail="true"  />
                    <p:panel id="panellista" style="font-size:small;margin: auto">          
                    <p:dataTable id="dtbSalon" var="salon" 
                       value="#{salonController.listaSalon}"
                       sortMode="multiple" rows="10" paginator="true"
                       style="width: 100%;float: center">
                        
                        <p:column headerText="Nombre" style="width:22%">  
                            <h:outputText value="#{salon.VNombre}" />  
                        </p:column>  

                        <p:column headerText="Nº de Piso" style="width:22%">                                           
                            <h:outputText value="#{salon.NPiso}" >
                            </h:outputText>                                            
                        </p:column>  

                        <p:column headerText="Estado" style="width:22%">  
                            <h:outputText value="#{salon.VEstado}" />  
                        </p:column>  

                        <p:column style="width:4%">  
                            <p:commandButton id="btnTerminarSalon"
                               icon="ui-icon-pencil" title="Terminar Salon"
                               onclick="vdlgTerminarSalon.show()">  
    <!-- update=":form:display" oncomplete="PF('carDialog').show()" -->                      
                                <f:setPropertyActionListener value="#{salon}"
                                 target="#{salonController.salonSeleccionado}"/> 
                            </p:commandButton>  
                        </p:column>  
                    </p:dataTable>
                    </p:panel>
                </h:form>
                <h:form id="formTerminarSalon">
                    <p:dialog id="dlgTerminarSalon" header="Terminar Salon" modal="true"
                    widgetVar="vdlgTerminarSalon" width="310" height="90" 
                    resizable="false" showEffect="clip" hideEffect="clip" 
                    style="position:absolute;">
                        <p:panelGrid id="pnlTerminar" >
                            <p:row>
                                <p:column colspan="2" >  
                                    <h:outputText value="¿Esta seguro que desea cerrar el Salon?"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnTerminarSi" value="Sí"
                                                update=":form:dtbSalon , :form:grwSalon" ajax="true"
                                                style="background:#043f52;color:white;float: right;"
                                                
                                                onclick="vdlgTerminarSalon.hide()"/>

                                </p:column>
                                <p:column >  
                                    <p:commandButton id="btnTerminarNo" value="No"
                                                style="background:#043f52;color:white;"
                                                update=":form:dtbSalon " ajax="true"
                                                onclick="vdlgTerminarSalon.hide()"/>                             
                                </p:column>
                            </p:row>
                        </p:panelGrid>     
                    </p:dialog>
                </h:form>
                <h:form id="formCrearSalon" >          
                    <p:dialog id="dlgCrearSalon" header="Registro de Salon"  
                       widgetVar="vdlgCrearSalon" resizable="false" 
                       position="center" width="300" modal="true" style="position:absolute;"
                       showEffect="fade" hideEffect="fold" >                          
                        <h:panelGrid columns="3" id="pnlRegistrar" 
                                     style="width: 100%">
                            <h:outputLabel value="Nombre" />
                            <h:outputLabel value=":" />                                
                            <p:inputText id="txtNombre" 
                                         value="#{salonController.salon.VNombre}"/> 
                            
                            <h:outputLabel value="Nº de Piso" />
                            <h:outputLabel value=":" />                                
                            <p:inputText id="txtPiso"  
                                         value="#{salonController.salon.NPiso}"/> 
                            
                            <h:outputLabel value="Capacidad" styleClass="colum"/>
                            <h:outputLabel value=":" styleClass="colum"/>
                            <p:spinner id="spnCapacidad" min="4" max="1000"
                                    value="#{salonController.salon.NCapacidad}" /> 
                            
                            <h:outputLabel value="Tipo de Dictado" styleClass="colum"/>
                            <h:outputLabel value=":" styleClass="colum"/>
                            <p:selectManyMenu id="smnTipoDictado" required="true" 
                                value="#{salonController.listaModalidadDictado}" >
                                <f:selectItems value="#{modalidadDictadoController.itemsModalidadDictadoSelectOne}"/>
                            </p:selectManyMenu>
                            
                            <h:outputLabel value="Estado" />
                            <h:outputLabel value=":" />                            
                            <p:selectOneMenu id="smnEstado" effect="fade"
                                             value="#{salonController.salon.VEstado}">
                                <f:selectItem itemLabel="Seleccione" 
                                              itemValue="" />  
                                <f:selectItem itemLabel="Disponible" 
                                              itemValue="1" />  
                                <f:selectItem itemLabel="No habilitado" 
                                              itemValue="2" />  
                            </p:selectOneMenu>
                                                
                            <p:spacer  height="10"/>
                            <p:spacer  height="10"/>
                            <p:spacer  height="10"/>
                            <h:outputLabel />
                            <h:outputLabel />
                            <p:commandButton  id="btnGrabarSalon" value="Grabar" 
                            title="Grabar" ajax="true"
                            update=":form:dtbSalon, :form:grwSalon"
                            actionListener="#{salonController.grabarSalon}"
                            style="background:#043f52;color:white;float:right;"
                            onclick="vdlgCrearSalon.hide()"> 
                            </p:commandButton>    
                        </h:panelGrid>                                               
                    </p:dialog>
                </h:form>        
            </ui:define>    
        </ui:composition>                    
    </h:body>    
</html>